<template>
  <div class="welcome-container">
    <el-row justify="center" align="middle" style="height: 78vh;">
      <el-col :span="12">
        <div class="welcome-content">
          <h1 class="welcome-title">欢迎来到智能决策CRM系统</h1>
          <p class="welcome-description">我们致力于为您提供高效、智能的客户关系管理解决方案。</p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import { ElRow, ElCol } from 'element-plus';
</script>

<style scoped>
.welcome-container {
  background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
  background-image: url(../assets/img/loginLogo1.jpg);
  background-size: cover;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.welcome-content {
  text-align: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.welcome-title {
  font-size: 36px;
  margin-bottom: 20px;
  color: #333;
}

.welcome-description {
  font-size: 18px;
  margin-bottom: 40px;
  color: #666;
}
</style>
